<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>我的</title>
  </head>
  <body>
    <div class="app-mine">
      <!-- 用户名 -->
      <div class="user" id="user">
        <!-- 用户 -->
        <div class="user-img dpflex">
          <img alt="" id="imgurl" />
          <span id="nickname">姜乔</span>
          <i class="iconfont icon-xiangyou1"></i>
        </div>
        <!-- 签名 -->
        <div class="user-name">
          个性签名:
          <span id="sign">......................</span>
        </div>
      </div>

      <!-- 个人动态 -->
      <div class="trends dpflex">
        <div class="tr-font">
          <span class="iconfont icon-exerice"></span>
          <span>个人动态</span>
        </div>
        <div class="tr-span">
          <span id="dynamicCount">10</span>
          <span>条</span>
          <i class="iconfont icon-xiangyou1"></i>
        </div>
      </div>

      <!-- 运动数据 -->
      <div class="data" id="data">
        <div class="datas dpflex">
          <div class="da-font">
            <span class="iconfont icon-data"></span>
            <span> 运动数据</span>
          </div>
          <i class="iconfont icon-xiangyou1"></i>
        </div>
        <div class="da-num dpflex">
          <div class="task">
            <span>总运动</span>
            <p><span id="times">999 </span>分钟</p>
          </div>
          <div class="apparatus">
            <span>本周消耗</span>
            <p><span id="calorie">999 </span>千卡</p>
          </div>
        </div>
      </div>

      <!-- 运动徽章 -->
      <div class="badge" id="badge">
        <div class="badges dpflex">
          <div class="da-font">
            <span class="iconfont icon-badge3"></span>
            <span> 我的运动徽章</span>
          </div>
          <i class="iconfont icon-xiangyou1"></i>
        </div>
        <ul class="ba-ul dpflex">
          <li></li>
          <li></li>
          <li></li>
        </ul>
      </div>

      <!-- 退出登录 -->
      <div class="quit" id="loginOut">
        <span>退出登录</span>
      </div>
    </div>
  </body>
</html>
